<?php echo $this->render('includes/top.phtml');?>
<!-- ...................... Header ...................... -->

<div id="header-bottom">
	<div id="header-bg">			
			
<!-- ...................... Header Slider ...................... -->					
		<!-- Edit Slider Java script from skitter-slider.js -->
		<!-- Edit Slider CSS Styles from style.css > (09) HOME PAGE SLIDERS AND CONTENT STYLES -->
		
		<div id="header-slider">
			<div id="header-slider-box">				
				<div class="box_skitter box_skitter_large">
					<ul>						
						<li><a href="/noticias/index/id/2"><img src="<?php echo $this->baseUrl('/slider/1.jpg'); ?>" alt="Viene la ciudad con m&aacute;s espacios recreativos: L&oacute;pez Caballero" /></a>
                        <div class="label_text">Viene la ciudad con m&aacute;s espacios recreativos: L&oacute;pez Caballero</div></li>
                        <li><a href="/noticias/index/id/4"><img src="<?php echo $this->baseUrl('/slider/2.jpg'); ?>" alt="L&oacute;pez Caballero, el candidato de las propuestas" /></a>
                        <div class="label_text">L&oacute;pez Caballero, el candidato de las propuestas</div></li>
                        <li><a href="/noticias/index/id/5"><img src="<?php echo $this->baseUrl('/slider/3.jpg'); ?>" alt="Propuesta 4: L&oacute;pez Caballero impulsar&aacute; las MiPyMEs" /></a>
                        <div class="label_text">Propuesta 4: L&oacute;pez Caballero impulsar&aacute; las MiPyMEs</div></li>
                        <li><a href="/noticias/index/id/23"><img src="<?php echo $this->baseUrl('/slider/4.jpg'); ?>" alt="ALC garantiza m&aacute;s seguridad con Polic&iacute;a de Barrio" /></a>
                        <div class="label_text">ALC garantiza m&aacute;s seguridad con Polic&iacute;a de Barrio</div></li>
                        <li><a href="/noticias/index/id/29"><img src="<?php echo $this->baseUrl('/slider/5.jpg'); ?>" alt="ALC crear&aacute; Unidad Deportiva Especial" /></a>
                        <div class="label_text">ALC crear&aacute; Unidad Deportiva Especial</div></li>
 					</ul>
				</div>							
			</div>			
		</div>				
		<div class="clear"></div>
<!-- ...................... End Header Slider ...................... -->	
		
	</div>  <!-- #header-bg -->
</div>  <!-- #header-bottom -->	
<!-- ...................... End Header ...................... -->

<!-- ...................... Container & Content ...................... -->	
<div id="container">	
	<div id="content">	
	
		<!-- Edit Slider CSS Styles from style.css > (09) HOME PAGE SLIDERS AND CONTENT STYLES (b) Home page Content Styles -->
		
		<!-- ***** Recent Work ***** -->
		
		<div class="two-third">
			<h4>Qui&eacute;n es ALC:</h4>
            <p>Tengo 50 a&ntilde;os de edad y soy el orgulloso padre de Alejandro, Pablo Andr&eacute;s, Luis Arturo y Silvita. Mis padres son Gustavo L&oacute;pez Lim&oacute;n (&dagger;) y Eva Caballero de L&oacute;pez. Nac&iacute; el 11 de agosto de 1961 y mis hermanos son Gustavo, Sergio, Eva Cecilia, Guadalupe, Jos&eacute; Humberto y Hugo. Mi familia se asent&oacute; en el barrio El Mariachi, uno de los de mayor tradici&oacute;n en Hermosillo, donde junto a familiares y amigos inici&eacute; mi actividad social.</p>			
			<div class="home-recent-work">
				<ul>
					<?php foreach ($this->galerias as $g) { ?>
					<li>				
						<p class="zoom-icon fade-img2">
							<a href="/galerias/<?php echo $g["Fotos"][0][0]["nombre"]; ?>" data-rel="prettyPhoto[mygallery]" title="<?php echo $g["titulo"]; ?>">
								<img src="/galerias/<?php echo $g["Fotos"][0][0]["nombre"]; ?>" width="130px" alt="<?php echo $g["titulo"]; ?>" />
							</a>
						</p>
					</li>
					<?php } ?>
				</ul>                
			</div>
            <div class="clear"></div>
            <div class="social-links">
                <a href="http://twitter.com/alopezcaballero" target="_blank" title="Twitter"><div class="social-tw"></div></a>
                <a href="http://facebook.com/alca.ofcial" target="_blank" title="Facebook"><div class="social-fb"></div></a>
                <a href="http://youtube.com/alopezcaballero2012" target="_blank" title="Youtube"><div class="social-yt"></div></a>
                
            </div>
		</div> <!-- .two-third -->		
		
		<!-- ***** Latest News ***** -->
		
		<div class="one-third last">
		<h4>Agenda de Hoy</h4>
		<div class="home-latest-news">			
            <ul>
				<?php foreach ($this->eventos_agenda as $ea) { ?>
				<li>
					<div class="news-date"><?php echo date("d", strtotime($ea["fecha"])); ?><span><?php echo date("M", strtotime($ea["fecha"])); ?></span></div>
					<h4><a href="/eventos/index/id/<?php echo $ea["id"]; ?>"><?php echo $ea["titulo"]; ?></a></h4>
					<p><?php echo $ea["lugar"]." a las ".$ea["hora"]." hrs."; ?></p>									
				</li>
				<?php } ?>
                <div style="float:right;"><a href="<?php echo $this->baseUrl('/eventos/lista'); ?>" class="button-small">M&aacute;s eventos</a></div>
			</ul>
            <div class="clear"></div>
		</div>			
			
		</div> <!-- .one-third -->
			
		<div class="clear"></div>			
		
		<!-- ***** Promotion Box ***** -->
		
		<div class="promotion-box">
			<a href="<?php echo $this->baseUrl('/index/project'); ?>" class="promotion-button"><span>&iexcl;Conoce mis propuestas!</span></a>   <!-- Edit button styles from typography.css > (03) BUTTONS -->
		</div>
		
		<div class="clear"></div>		
		
		<!-- ***** Who We Are ***** -->
		
		<div class="two-third">
                <!-- ***** Twitter ***** -->
                <div class="twitter-widget">
                <script>
                new TWTR.Widget({
                  version: 2,
                  type: 'profile',
                  rpp: 6,
                  interval: 30000,
                  width: 600,
                  height: 150,
                  theme: {
                    shell: {
                      background: '#2074b0',
                      color: '#ffffff'
                    },
                    tweets: {
                      background: '#ffffff',
                      color: '#444444',
                      links: '#1986b5'
                    }
                  },
                  features: {
                    scrollbar: true,
                    loop: false,
                    live: true,
                    hashtags: true,
                    timestamp: false,
                    avatars: true,
                    toptweets: true,
                    behavior: 'all'
                  }
                }).render().setUser('alopezcaballero').start();
                </script> 
                <br />               
                </div><!-- .twitter-widget -->
		</div> <!-- .two-third -->
		
		<!-- ***** Who I Am ***** -->
		
		<div class="one-third last">
		<h4>Video Semblanza</h4>
                    <div class="img-one-third">
						<p class="fade-img" data-rel="play-icon"><a href="http://www.youtube.com/watch?v=Dxvvj232ttc" data-rel="prettyPhoto[whoiam]" title="Conoce a Alejandro L&oacute;pez Caballero"><img src="/noticias/nota19.jpg" width="286" height="191" alt="Conoce a Alejandro L&oacute;pez Caballero" title="" /></a></p>									
					</div>
		</div> <!-- .one-third last -->	
			
		<div class="clear"></div>
		
	</div> <!-- #content -->
</div> <!-- #container -->	
<!-- ...................... End Container & Content ...................... -->

<?php echo $this->render('includes/footer.phtml');?>

